.fenlei{
      >div:nth-child(1){
            width:100%;
            height:60px;
            text-align:center;
            font-size:20px;
            padding:10px 0;
            line-height:60px;
      }
      >div:nth-child(2){
            display:flex;
            margin-bottom:20px;
            >input{
                  flex:1;
                  outline:none;
                  border:none;
                  background-color: #f5f5f5;
                  height:35px;
                  padding-left:15px;
                  border-radius: 20px;
            }
      }
}

.box{
      display:flex;

      >.list3{
            width:80px;
            display:flex;
            flex-direction: column;
            background-color:#f5f5f5;
            >.cate{
                  padding:20px 0;
                  text-align:center;
            }


      }
      >.list4{
            flex:1;
            display:flex;
            flex-wrap: wrap;
            text-align:center;
            // justify-content: space-between;
            >.cate{
                  width:33%;
                  >img{
                        width:55px;
                        height:55px
                  }
                  >p{
                        font-size:13px;
                  }
            }

      }
}